Learn more about building a sitemap
進一步瞭解如何構建網站地圖
網站地圖的作用(What Is a Sitemap)
網站地圖是一個視覺化圖表,展示網站或 App 中頁面之間的關係,包括:
- 頁面的重要程度(Prioritization);
- 頁面之間的連線方式(Linking);
- 頁面的命名方式(Labeling)。
網站地圖不僅幫助你明確網站需要哪些頁面,還能提示你是否遺漏了重要頁面、哪些頁面可以合併,或是否有冗餘內容需要刪減。
什麼是層級型網站地圖(Hierarchical Sitemap)
定義:層級型網站地圖按頁面的重要性和層級關係組織內容,常見於中小型網站。
基本結構:
- 頂部深灰色矩形:表示網站的首頁(Homepage);
- 中層藍色矩形:表示主分類(Parent Pages),通常出現在主頁的導航欄;
- 底層淺灰色矩形:表示子頁面(Child Pages),屬於各主分類下的二級頁面。
這種結構類似於一棵樹,從根(主頁)開始,逐層向下展開內容。

構建網站地圖的步驟(How to Build a Hierarchical Sitemap)

步驟一:識別常見頁面(Common Pages)
思考競品網站常見的頁面型別,如:
- 搜尋功能頁面;
- 使用者賬戶頁面;
- 商品描述頁或內容展示頁等。
步驟二:結合使用者研究(User Research Insights)
透過同理心圖、使用者角色和使用者旅程圖瞭解使用者目標。
示例:
在烹飪網站專案中,你發現使用者希望:
- 按食物型別尋找食譜;
- 透過關鍵詞搜尋;
- 儲存喜歡的食譜到個人賬戶。
步驟三:選擇網站結構(Choose a Structure)
大多數小型網站使用層級結構,因為它清晰、易於使用者導航。例如烹飪網站,從首頁開始分出不同主類頁面,是非常合理的設計。
步驟四:新增主頁(Add the Homepage)
在結構圖的頂端新增首頁,為網站的入口頁面。
步驟五:確定主分類(Add Parent Pages)
主分類示例(藍色矩形):
- Cooking Videos(烹飪影片)
- Recipes(食譜)
- Search(搜尋)
- Account(賬戶)
步驟六:細化子分類(Add Child Pages)
子頁面示例(灰色矩形):
Cooking Videos
- Quick Fixes(快速菜餚)
- Slow Cookers(慢燉類)
- Recommendations(推薦)
Recipes
- Explore(瀏覽)
- Meals(正餐)
- Dessert(甜點)
Search
- By Ingredients(按食材搜尋)
- Random Recipe(隨機食譜)
Account
- My Recipes(我的收藏)
- Settings(設定)
- My Information(我的資訊)
地圖深度與型別(Flat vs. Deep Sitemaps)
扁平網站地圖(Flat Sitemap):
- 適用於小型網站(少於100頁);
- 垂直層級不超過 4 層;
- 如烹飪網站示例就是典型的扁平地圖。
深層網站地圖(Deep Sitemap):
- 適用於大型網站(1000頁以上);
- 垂直結構超過 5 層;
- 更適合內容複雜、需要細緻分類的大型平臺。